<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body>
<div id="enterDate">
	<form action="" id="form1">
	<table width="690px" height="350px" border="0" align="center"
				cellpadding="3" cellspacing="1" bgcolor="#AEDEF4">
				<tr>
					<td align="center" bgcolor="#E2F7FE">
							<table width="99%" border="0" cellspacing="1" cellpadding="3">
								<tr style="height: 30px">
									<td width="20%" align="center"><strong>矫正单位:</strong></td>
									<td width="20%" align="left">
										<select name="jid" style="width: 172px; height: 30px" id="jid" data-options="prompt:'请选择矫正单位'"></select>
									</td>
									<td width="15%" align="center"><strong>入矫日期:</strong></td>
									
									<td colspan="3" width="25%" align="left">
										<input id="rdate" name="rdate" :value="result" readonly="readonly" style="width: 150px; height: 30px" placeholder="请选择日期"
											class="laydate-icon"/>
									</td>
											
								</tr>	
								<tr style="height: 30px">
									<td width="20%" align="center"><strong>姓&nbsp;&nbsp;&nbsp;&nbsp;名:</strong></td>
									<td width="20%" align="left">
										<select name="pid" style="width: 172px; height: 30px" id="pid" data-options="prompt:'请选择矫正人'"></select>
									</td>
									<td width="15%" align="center"><strong>解矫日期:</strong></td>
									<td colspan="3" width="25%" align="left"><input id="edate" name="expireDate" placeholder="请选择日期" style="width: 150px; height: 30px"
										class="laydate-icon" onclick="laydate()"/></td>
								</tr>
								<tr style="height: 30px">
									<td width="20%" align="center"><strong>期满合议表:</strong></td>
									<td width="20%" align="left">
										<input type="file" name="moption" id="moption" value=""/>
									</td>
									<td width="15%" align="center"><strong>期满鉴定表:</strong></td>
									<td colspan="3" width="25%" align="left"><input type="file" name="ereport" id="ereport" value=""/></td>
								</tr>
								<tr>
									<td width="20%" align="center"><strong>个人小结:</strong></td>
									<td colspan="3" align="left"><textarea rows="3" cols="70" id="selfevaluation" name="selfEvaluation"></textarea>
									</td>
								</tr>
								<tr>
									<td width="20%" align="center"><strong>解矫意见:</strong></td>
									<td colspan="3"><textarea rows="3" cols="70" id="opintion" name="opintion" class="easyui-validatebox" data-options="required:true,missingMessage:'解矫意见不能为空'"></textarea></td>
								</tr>
								<tr>
									<td width="20%" align="center"><strong>解矫原因:</strong></td>
									<td colspan="3"><textarea rows="3" cols="70" id="reason" name="reason" class="easyui-validatebox" data-options="required:true,missingMessage:'解矫原因不能为空'"></textarea></td>
								</tr>
								<tr style="height: 20px">
									<td width="20%" align="center"><strong>备&nbsp;&nbsp;&nbsp;&nbsp;注:</strong></td>
									<td colspan="3"><textarea rows="3" cols="70" id="remarks" name="remarks"></textarea></td>
								</tr>
							</table>
					</td>
				</tr>
	</table>
	</form>
	</div>
		<script type="text/javascript">
			var enterDate = new Vue({
				el : '#enterDate',
				data : {
					result : ""
				}
			});
			//显示司法所和矫正人员下拉框
			var getList = function() {
				$('#jid').combobox({
					dataType : "json",
					url:'${request.contextPath}/expire/jselect',
				    valueField:'id',    
				    textField:'name',
					onSelect: function(rec){
						$('#pid').combobox('setValue', "");
					    var url = '${request.contextPath}/expire/pselect?jid='+rec.id;
					    $('#pid').combobox('reload', url);    
					 }
				});
				$('#pid').combobox({ 
					dataType : "json",
					url:'${request.contextPath}/expire/pselect1',
				    valueField:'id',    
				    textField:'name',
				    onSelect: function(rec){    
				    	$.ajax({
				    		dataType : "json",
							url:'${request.contextPath}/expire/enterDate?id='+rec.id,
							success : function(msg) {
								enterDate.result = msg.j_enterdate;	
							}
						})   
					 }
				});
			}
			getList();
			</script>
</body>
</html>